<template>
  <el-dialog title="弹框组件" width="600px" :visible.sync="isShow">
    <div>我是弹框内容</div>
    <h1>{{ inputVal }}</h1>
    <button @click="inputVal = Date.now()">修改inputVal</button>
    双向绑定 <input v-model="inputVal" type="text">
    <br>
    单向绑定
    <input :value="inputVal" type="text">
    <template #footer>
      <el-button @click="isShow = false">取消</el-button>
      <el-button type="primary">确定</el-button>
    </template>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      isShow: false,
      inputVal: ''
    }
  }
}
</script>
<style></style>
